<template>
  <Spin fix v-show="loadinghuan">
    <div class="demo-spin-icon-load">
      <!-- 这里用的是阿里图标库 -->
      <i class="iconfont icon-loader--line"></i>
    </div>
    <!-- <Icon type="load-c" size="30" class="demo-spin-icon-load"></Icon> -->
    <div style="font-size:16px">Loading...</div>
  </Spin>
</template>
<script>
import store from '../../common/store'
export default {
  name: 'Loadding',
  props: {
    loadinghuan: {
		type:Boolean,
		default:false
	},
  },
  data() {
    return {}
  },
  created: function() {
    this.clickme
  },
}
</script>

<style scoped>
/* 旋转效果 */
.demo-spin-icon-load {
  animation: ani-demo-spin 1s linear infinite;
}
@keyframes ani-demo-spin {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* 遮罩 */
/* 假如内容过长，一屏放不下，滚动条下拉覆盖不全 */
.ivu-spin-fix {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 100%, 0.8);
}
</style>
